<!DOCTYPE html>

<html>
	<head>
		<meta charset="UTF-8">
		<title>ペットダイアリー</title>
		<link rel=stylesheet type="text/css" href="css/list.css">
	</head>
	<body height="300">
		<div id="main">
			<div id="list_popup">
				<div id="about_pet">
					<img id="pet" src="img/chiwawa.gif" alt="ペット名ちゃん" />
					ペット名ちゃんの<br/>フォトダイアリー
				</div>
				<ul id="photo_list">
					<li>
						<a href="" id="diary1">4月16日　おはなみかわいいな！</a>
					</li>
					<li>
						<a href="" id="diary2">4月15日　おやつたのしいね！</a>
					</li>
					<li>
						<a href="" id="diary3">4月14日　とけいびっくりだ！</a>
					</li>
					<li>
						<a href="" id="diary4">4月13日　ホットケーキどきどき！</a>
					</li>
					<li>
						<a href="" id="diary5">4月12日　かっこいい！おはな</a>
					</li>
				</ul>
				<div id="about_friend">
					<img id="friend_image" src="img/friend1.png" alt="friend1さん" />
					<div id="friend_name">ごしゅじんさま：<br />friend1さん</div>
				</div>
			</div>
		</div>
		<div id="menu">
			<img src="img/menu.jpg" alt="メニューバー" />
		</div><!-- end menu -->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
		<script src="js/index.js" type="text/javascript"></script>
	</body>
</html>